﻿@using xConnected.Common.ExpertProfile
@using xConnected.Common.Project
<div class="row" data-bind="visible: $root.position.viewModePosition">
    <div class="span4">
        @Html.Partial("Position/Partial/SearchSidebarProjectDetails")
    </div>
    <div class="span8">
        <div data-bind="with: Position">
            <div data-bind="with: workingPosition">
                <div class="well">
                    <div class="row-fluid">
                        <h3 id="NameProfileViewMode" data-bind="text: Title" class="span6"></h3>
                    </div>
                    <div class = "row-fluid" data-bind="html: Description" class="span6"></div>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@ProjectRes.StartDate</strong></span>
                    <span data-bind="text: StartDate" class="span6"/>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@ProjectRes.Duration</strong></span>
                    <span data-bind="text: Duration" class="span6"/>
                </div>
                <div class="row-fluid">
                    <span class="span4"><strong>@ProjectRes.ContractType</strong></span>
                    <span data-bind="text: JobTypeText" class="span4"/>
                </div>
    
                <div class="row-fluid">
                    <span class="span4"><strong>@ProjectRes.Location</strong></span>
                    <span data-bind="text: Location" class="span6"/>
                </div>
            </div>
        </div>
        <div style="height: 150px; width: 250px; margin-bottom: 10px; margin-left: 320px" id="locationProjectViewMode"></div>
        <div data-bind="with: position">
            <div data-bind="with: workingPosition">
                <div class="row-fluid">
                    <span class="span4"><strong>@Resources.Country</strong></span>
                    <span class="span6" data-bind="with:Country"><span data-bind="text:Description"></span></span>
                </div>
                <div class="row-fluid">
                    <span><strong class="span4">@Resources.Categories</strong></span>
                    <ul data-bind="foreach: Categories"class="btn-toolbar btn-group">
                        <li style="margin-left: 20px" class="btn-group" ><a class="btn btn-mini" data-bind=" text: Description"></a></li>
                    </ul>
                </div>
                <div class="row-fluid">
                    <span><strong class="span4">@ProjectRes.Technologies</strong></span>
                    <ul data-bind="foreach: Technologies"class="btn-toolbar btn-group">
                        <li style="margin-left: 20px" class="btn-group" ><a class="btn btn-mini" data-bind=" text: Name"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>